const path = require('path');
// 根据模板html在内存中生成一个页面, 并且自动注入打包好的js
const HtmlWebpackPlugin=require('html-webpack-plugin');
const htmlWebpack=new HtmlWebpackPlugin({
    // 设置网页title: 不知道什么原因不起作用
    title: 'webpack动态设置的title',
    template:path.join(__dirname,'../index.html'),
    filename:'index.html',
    minify: { // 压缩HTML文件
        removeComments: true, // 移除HTML中的注释
        collapseWhitespace: false, // 删除空白符与换行符
        minifyCSS: true// 压缩内联css
    },
    // 给生成的 js 文件一个独特的 hash 值, 如下:
    // <script type=text/javascript src="bundle.js?22b9692e22e7be37b57e"></script>
    hash: true
});
module.exports = {
    entry: {
        index: path.join(__dirname, '../src/index.js')
    },
    output: {
        filename: '[name].bundle.js',
        path: path.resolve(__dirname, '../dist/'),
        // 分包打包异步加载的依赖模块
        chunkFilename: '[name].bundle.js'
    },
    plugins:[htmlWebpack],
    // optimization:{
    //     splitChunks:{
    //         chunks:'all'
    //     }
    // }
}